﻿@{
    ViewBag.Title = "Index";
}

<script type="text/javascript">
    $(document).ready(function () {
        $('#领导形象标志').wijcheckbox();
        $("#SearchContent").wijexpander({ expanded: true });
        $("#PictureContent").wijexpander({ expanded: true, allowExpand: false });
        $("#SearchContent input[type='text']").wijtextbox();
        $(":input[type='text']").css({ width: 160 });
        $("#StartDate").wijinputdate({
            culture: 'zh-CN',
            dateFormat: 'yyyy/M/d',
            showTrigger: true,
        });
        $("#EndDate").wijinputdate({
            dateFormat: 'yyyy/M/d',
            showTrigger: true,
            culture: 'zh-CN',
        });
        $("#pager").wijpager({ pageCount: 50, pageIndex: 1, mode: "numericFirstLast" });
        $("#dialog-PicGroup").wijdialog({
            autoOpen: false,
            resizable: false,
            height: 590,
            width: 800,
            modal: true,
            captionButtons: {
                pin: { visible: false },
                refresh: { visible: false },
                toggle: { visible: false },
                minimize: { visible: false },
                maximize: { visible: false },
                close: { visible: true }
            },
            buttons: {
                "关闭": function () {
                    $(this).wijdialog("close");
                }
            }
        });
        $("#carousel").wijcarousel({ display: 1, showTimer: true, showPager: true, loop: true, showControlsOnHover: true });
        var textTip = '点击查询后自动输出';
        $("#所属栏目").attr("disabled", "disabled");
        $("#所属栏目").blur(function () {
            if ($(this).val().length == 0) $(this).val(textTip).addClass('textTip');
        }).focus(function () {
            if ($(this).val() == textTip) $(this).val('').removeClass('textTip');
        }).val(textTip).addClass('textTip');
    });

    function PicGroup_Click() {
        $('#dialog-PicGroup').wijdialog('open');
    }
</script>

<div id="SearchContent" style="padding: 10px 15px 0 15px;">
    <div>图片检索</div>
    <div style="background: transparent">
        <table border="0" cellpadding="0" cellspacing="10" align="left" style="margin-top: -10px">
            <tr style="height: 32px">
                <td align="right">关键字：</td>
                <td>
                    <input id="关键字" name="关键字" type="text" /></td>
               <td>所属栏目：</td>
                <td align="right">
                    <input id="所属栏目" name="关键字" type="text" readonly="true"/>
                </td>
                <td>开始时间：</td>
                <td align="right">
                    <div id="Start">
                        <input type="text" id="StartDate" />
                    </div>
                </td>
               
                <td align="right">
                    <span>
                        <input id="领导形象标志" name="领导形象标志" value="true" type="checkbox" style="vertical-align: central; text-align: center;" />
                        <input name="领导形象标志" type="hidden" value="false" />
                        <label for='领导形象标志'>是否有领导形象</label>
                    </span></td>
            </tr>
            <tr>
                <td align="right">拍摄人：</td>
                <td>
                    <input id="拍摄人" name="拍摄人" type="text" /></td>
                <td align="right">拍摄地点：</td>
                <td>
                    <input id="拍摄地点" name="拍摄地点" type="text" /></td>
                  <td>结束时间：</td>
                <td align="right">
                    <div id="End">
                        <input type="text" id="EndDate" />
                    </div>
                </td>
                <td style="float: right;"><a id="SearchBtn" href="#">查    询</a></td>
            </tr>
        </table>
    </div>
</div>

<div id="PictureContent" style="padding: 20px 15px 0 15px;">
    <div>
        最新上传        
    </div>
    <div>
        <div class="notification information">
            <table style="border: 0; width: 100%; display: block; line-height: 1.5em; padding: 2px 2px 2px 2px;" cellpadding="0" cellspacing="0">
                <tr style="float: right">
                    <td>每页显示：</td>
                    <td>
                        <select id="显示页数" style="width: 40px">
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="30" selected="selected">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                        </select>&nbsp组图
                    </td>
                    <td style="width: 5px"></td>
                    <td>
                        <input id="SelectAll" name="SelectAll" value="true" type="checkbox" style="vertical-align: middle; text-align: center;">
                        全选</td>
                    <td>
                        <input type="button" id="DownLoadBtn" value="下载所选项" style="font-size: 13px" />
                    </td>
                </tr>
            </table>
        </div>
        <table style="border: 0; width: 100%; display: block; line-height: 1.5em; padding: 2px 2px 2px 2px;" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <ul class="ShowPicGroup">
                        @for (int i = 0; i < 15; i++)
                        {
                            <li><span class="ShowPicGroup-item"><span>
                                <a href="#" onclick="PicGroup_Click()">
                                    <img src="@Url.Content("~/Content/images/content/demo2.jpg")" title="" alt="" /></a><br />
                                <span class="selected-hover">
                                    <input id="selected" name="selected" value="true" type="checkbox" style="vertical-align: central; text-align: center;" />
                                    <label for='selected'>图片组名称</label></span>
                                上传时间：2012/8/12
                <br />
                                拍摄人：平安</span>
                            </span>
                            </li>
                        }
                    </ul>
                </td>
            </tr>
            <tr style="background-color: #dbe3ff; width: 100%">
                <td>
                    <div id="pager" style="border: 1px solid #a2b4ee; padding: 5px;"></div>
                </td>
            </tr>
        </table>


    </div>
</div>

<div id="dialog-PicGroup" title="图片组浏览" style="font: 14px '微软雅黑'">
    <!-- ShowPicture -->
    @Html.Partial("_ViewPicture")
</div>
